<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

<h:head>
	<link type="text/css" rel="stylesheet" href="#{request.contextPath}/resources/css/styles.css" />
	<title>Prenotazione Pachetto Viaggio</title>
</h:head>

<h:body>
<div id="header">
	<ui:include src="/resources/snippets/headerCliente.xhtml"></ui:include>
</div>
<div id="panel">
	<p:panel header="Pacchetto Viaggio Proposto" >
		<h:outputText value="Volo di Andata: #{prenotazione.currentPacc.voloAndata.cittaPartenza} - #{prenotazione.currentPacc.voloAndata.cittaArrivo}" /> <br/>
		<h:outputText value="Volo di Ritorno: #{prenotazione.currentPacc.voloRitorno.cittaPartenza} - #{prenotazione.currentPacc.voloRitorno.cittaArrivo}" /> <br/>
		<h:outputText value="Hotel: #{prenotazione.currentPacc.hotels.isEmpty() ? '-nessuno-' : prenotazione.currentPacc.hotels.get(0).nome}" /> <br/>
		<h:outputText value="Escursione: #{prenotazione.currentPacc.escursioni.isEmpty() ? '-nessuna-' : prenotazione.currentPacc.escursioni.get(0).luogoInteresse}" /> <br/>
	</p:panel>
</div>
	<h1>Prenotazione Pacchetto Viaggio</h1>
	<p>Per prenotare devi selezionare e confermare tutti i dati del pacchetto, a lato puoi vedere il pacchetto proposto.</p>
	<h:outputText value="Stai personalizzando un Pacchetto Viaggio per: #{prenotazione.current.citta}"/><br/>
	<br/>
	<h:form>
		<!-- DATA PARTENZA  |  DATA ARRIVO ; -->
		<h:outputText value="Data di Partenza: " />
		<p:calendar value="#{prenotazione.current.dataPartenza}" /> <br/>
		<br/>
		<h:outputText value="Data di Ritorno: " />
		<p:calendar value="#{prenotazione.current.dataRitorno}" /> <br/>
		<br/>
		<!-- GESTIONE INVITI (in fondo alla pag) -->
		<br/>
 		<h:outputText value="Volo di Andata: " />
    	<h:selectOneMenu id="voloA" value="#{prenotazione.current.voloAndata}" converter="omnifaces.SelectItemsConverter">
     	 	<f:selectItems value="#{prenotazione.listaVoliAndata}" var="currVoloAnd" itemValue="#{currVoloAnd}" itemLabel="#{currVoloAnd.cittaPartenza} - #{currVoloAnd.cittaArrivo} , #{currVoloAnd.ora} , #{currVoloAnd.compagnia}"/>
    	</h:selectOneMenu> <br/>
    	<br/>
	 	<h:outputText value="Volo di Ritorno: " />
	    <h:selectOneMenu id="voloR" value="#{prenotazione.current.voloRitorno}" converter="omnifaces.SelectItemsConverter">
 	     	<f:selectItems value="#{prenotazione.listaVoliRitorno}" var="currVoloRit" itemValue="#{currVoloRit}" itemLabel="#{currVoloRit.cittaPartenza} - #{currVoloRit.cittaArrivo} , #{currVoloRit.ora} , #{currVoloRit.compagnia}"/>
   		</h:selectOneMenu> <br/>
   		<br/>
		<h:outputText value="Hotels: " />  
        <p:selectCheckboxMenu id="hotels" label="Hotels" value="#{prenotazione.current.hotels}" converter="omnifaces.SelectItemsConverter" showCheckbox="true">  
            <f:selectItems value="#{prenotazione.listaHotel}" var="currHotel" itemValue="#{currHotel}" itemLabel="#{currHotel.nome}, #{currHotel.citta}, #{currHotel.numStelle} stelle"/> 
        </p:selectCheckboxMenu> <br/>
		<br/>
		<h:outputText value="Escursioni: " />  
        <p:selectCheckboxMenu id="escs" label="Escursioni" value="#{prenotazione.current.escursioni}" converter="omnifaces.SelectItemsConverter" showCheckbox="true">  
            <f:selectItems value="#{prenotazione.listaEscursioni}" var="currEsc" itemValue="#{currEsc}" itemLabel="#{currEsc.citta}, #{currEsc.luogoInteresse}, #{currEsc.ora}"/> 
        </p:selectCheckboxMenu> <br/>
		<br/>
		<p:commandButton value="Prenota" action="#{prenotazione.create(datiUtente.nomeCliente)}" /> <br/>
		<br/>
	</h:form>
	<p:dialog id="errorDate" header="Date non valide" widgetVar="errDate" modal="true">  
    	<h:outputText value="Attenzione: inserire date corrette!" /> <br/>
    	<p:commandButton id="errorDateButton" value="Ok" onclick="PF('errDate').hide();" type="button"/>  
	</p:dialog>
	<br/>
	<br/>
   	<br/>
	<h:link outcome="elencoPacchetti" value="Torna Indietro" />
	<br/>
	<br/>
	<br/>
<div id="footer">
	<ui:include src="/resources/snippets/footer.xhtml"></ui:include>
</div>
</h:body>
</html>